{extend name="base" /} {block name="js"}
<script src="__JS__/laydate/laydate.js"></script>
<script src="__JS__/fans/fansMethods.js"></script>
<script src="__JS__/fans/fansMain.js"></script>

{/block} {block name="body"}
<div class="layui-body">
    <!-- <div id="loading"></div> -->
    <div id="loadOn"></div>
    <div style="padding: 30px 30px 30px 30px;" class="mdui-theme-primary-Grey mdui-theme-accent-Grey">
        <div id="fansList">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label style="width: 90px;" class="layui-form-label">选择时间范围</label>
                        <div class="layui-input-inline" style="width: 310px;">
                            <input type="text" class="layui-input" id="chioceTime" placeholder=" - ">
                        </div>
                        <button class="layui-btn layui-btn-normal" v-on:click="getTime">搜索</button>
                        <p class="total">总数：{{total}}</p>
                    </div>
                </div>
            </div>
            <div class="mdui-table-fluid">

                <table class="mdui-table">
                    <thead class="mdui-color-orange-200">
                        <tr>
                            <!-- <th class="mdui-text-color-black-text">粉丝id</th> -->
                            <th class="mdui-text-color-black-text">粉丝头像</th>
                            <th class="mdui-text-color-black-text">昵称</th>
                            <th class="mdui-text-color-black-text">性别</th>
                            <th class="mdui-text-color-black-text">对接客服</th>
                            <th class="mdui-text-color-black-text">关注</th>
                            <th class="mdui-text-color-black-text">关注时间</th>
                            <th class="mdui-text-color-black-text">取关时间</th>
                            <th class="mdui-text-color-black-text">操作</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="item in fansList">
                            <!-- <td>{{item.openid}}</td> -->
                            <td>
                                <img v-bind:src="item.headimgurl" style="width: 40px; border: 1px solid #c5e1a5;border-radius: 50%;" alt="">
                            </td>
                            <td>{{item.nickname?item.nickname:'微信用户'}}</td>
                            <td v-if="item.sex == 1">男</td>
                            <td v-else-if="item.sex == 2">女</td>
                            <td v-else-if="item.sex == 0">未知</td>
                            <td>{{item.cs_nickname}}</td>
                            <td v-if="item.subscribe == 1">已关注</td>
                            <td v-if="item.subscribe == 0">取消关注</td>
                            <td>{{item.subscribe_time}}</td>
                            <td>{{item.unsubscribe_time}}</td>
                            <td>
                                    <button class="mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-color-blue mdui-text-color-white-text" @click="footprint(item)">足迹</button>
                            </td>
                            <!-- <td>
                                <button class="mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-color-blue mdui-text-color-white-text" @click="setImg(item)">聊天记录</button>
                                <button class="mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-color-pink-accent">删除客服</button>
                                <button class="mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-color-green mdui-text-color-white-text">修改</button>

                            </td> -->

                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="iPages" id="pages03"></div>

    </div>
</div>
{/block}
